<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <div class="bannerBox2"></div>
    <div class="box"></div>
    <div class="banner"></div>
</body>
<script src="../jquery.js"></script>
<script src="./jquery.banner.js"></script>
<script>

    var arr = [{src:"./imgs/banner1.jpg",title:"1",alt:"1",href:"hahaha"},{src:"./imgs/banner2.jpg",title:"2",alt:"2",href:"heihiehei"},{src:"./imgs/banner3.jpg",title:"3",alt:"3",href:"aaaaa"},{src:"./imgs/banner4.jpg",title:"4",alt:"4",href:"eeeeee"}];

    $(".bannerBox2").banner({
        imgs:arr,       // 轮播图的图片信息，必传
        btn:true,       // 是否需要所有按钮，可选，默认为true
        list:true,      // 是否需要分页器，可选，默认为true
        autoPlay: false, // 是否需要自动播放，可选，默认为true
        delayTime: 4000,    // 自动播放的间隔时间，可选，默认为3000
        moveTime: 100,      // 图片之间的过渡时间，可选，默认为300
        index: 2        // 默认显示的索引，可选，默认为0
    });


    $(".box").banner({
        imgs:arr
    });


    $(".banner").banner({
        imgs:arr,
        btn:false,
        list:false,
        moveTime:400
    });
</script>
</html>